<?php
/*
* Template Name: Menus
*/
?>

<?php $dir = get_bloginfo('stylesheet_directory'); ?>

<?php get_header(); ?> 
			
			<div id="top_nav">
        		<?php wp_nav_menu(); ?>
       	 	</div>
        
            <div class="clear"></div>
            
            <div id="content_wrapper">
    
            <div id="slideshow_container">
                <p id="slideshow">
                    <img src="<?php echo($dir); ?>/images/slideshow/14.jpg"/>
                    <img src="<?php echo($dir); ?>/images/slideshow/15.jpg"/>
                </p>
            </div>

            <div id="body_content">
                <div class="sidebar">
                	<div id="sidebar_nav">
                        <ul>
                            <li id="dinner_li"><a class="current">Dinner Menu</a></li>
                            <li id="lunch_li"><a>Lunch Menu</a></li>
                            <li id="dessert_li"><a>Dessert Menu</a></li>
                        </ul>
                    </div>
                    <p id="sidebar_headline">Come join us for lunch or dinner. And don't forget to try our delicious desserts!</p>
                    
                    <div id="social_wrapper">
                        <div id="facebook">
                        	<div id="tweet">
                        	<a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out Bridgeman's Restaurant in Hull, MA!" data-hashtags="bridgemansrestaurant">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
							</div>
                            <div id="like" class="fb-like" data-href="http://www.facebook.com/pages/Bridgemans-Restaurant/137124392996252" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false" data-font="trebuchet ms">
                            </div>
                            <div id="google_plus">
								<g:plusone size="medium" annotation="none"></g:plusone>

								<script type="text/javascript">
                                  (function() {
                                    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                                    po.src = 'https://apis.google.com/js/plusone.js';
                                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                                  })();
                                </script>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="open_table_wrapper">
                    	<div class="open_table">
                            <img src="<?php echo($dir); ?>/images/opentable-logo.jpg" alt="Open Table icon" title="Click here to make a reservation with OpenTable!" />
                            <p><a id="click_here" href="http://www.opentable.com/single.aspx?rid=53038&restref=53038" target="_blank">Make a reservation<br/><br/></a></p>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
                <div class="content">
                    
                    <?php if( have_posts() ): while( have_posts() ): the_post(); ?>

                    <div id="menus_content">
					
						<?php the_content(); ?>
                        
                        <?php the_dinner_items(); ?>
                                           
				 	</div>

                   <?php endwhile; else:?>
                      Sorry No Content... 
                   <?php endif; ?>
                   
                </div>
                <div class="clear"></div>
            </div>
        </div>
        
<?php get_footer(); ?>